<template>
    <div class="tab-pane fade in" :id="id" v-bind:class="isActive === true ? 'active' : ''">
        <slot/>
    </div>
</template>

<script>
    export default {
        name: 'tabs-body',
        props: {
            id: {type: String, required: true},
            isActive: {type: Boolean, default: false}
        }
    };
</script>

<style scoped>

</style>
